<template>
    <div class="print-footer">
      <div><img :src="imgs.text" alt="" height="34"></div>
      <div class="code-item">
        <img :src="imgs.codeText" alt="" height="74">
        <img :src="renderQRCode || imgs.code" alt="" height="74">
      </div>
    </div>
</template>
<script setup>
import { computed } from "vue"
import imgs from "./base64"
const props = defineProps({
  qrCode: {
    type: String,
    default: ''
  }
})
const renderQRCode = computed(() => props.qrCode)
</script>
<style lang="scss" scoped>
.print-footer {
    border-top: 1px dashed #ccc;
    padding: 32px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.code-item {
  display: flex;
  align-items: center;
  img {
    margin-left: 10px;
  }
}
</style>